<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="../sass/login.css">
    <link rel="stylesheet" href="../dist/css/reset.css">
</head>
<body>
    <!-- 全页面 -->
    <div class="mi-login-desk">
        <!-- 左边图片 -->
        <div class="mi-login-side-picture">

        </div>
        <!-- 右边注册 -->
        <div class="mi-login-side-content">
            <!-- 导航栏 -->
            <div class="mi-content-nav">
                <!-- 导航logo -->
                <div class="mi-content-nav-logo">

                </div>
                <!-- 导航标题 -->
                <div class="mi-content-nav-title">
                    小米账号
                </div>
                <!-- 导航右边 -->
                <div class="mi-content-nav-right">
                    <!-- 导航用户 -->
                    <a href="#" class="mi-nav-right-user">用户协议</a>
                    <a href="#" class="mi-nav-right-user">隐私政策</a>
                    <a href="#" class="mi-nav-right-user">帮助中心</a>
                   
                    <!-- 导航字体 -->
                    <span>|</span>
                    <div class="mi-nav-right-menu">
                        
                        中文(简体) <span class="three"></span>
                        <div class="right-menu-two">
                            <div class="menu-two-font">中文(繁体)</div>
                            <div class="menu-two-font">English</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 主要登录 -->
            <div class="mi-content-center">
                <!-- 主要右边小top -->
                <span class="content-center-rightTop"></span>
                <!-- 主要 -->
                <div class="content-center-main">
                    <!-- 转变 -->
                    <div class=".mi-main-top">
                        <div class="mi-top-change">
                            <div class="mi-top-enroll"><a href="enroll.html">登录</a></div>
                            <div class="mi-top-login">
                                <a href="#">注册</a>
                            </div>
                            <div class="mi-top-bottom">

                            </div>
                        </div>
                    </div>
                    <!-- 主要下 -->
                    <div class="mi-login-main-bottom">
                        <!-- 文本框 -->
                        <div class="login-main-bottom-from">
                            <!-- 用户名 -->
                            <div class="main-bottom-username">
                                <p class="enroll-label">邮箱/手机号码</p>
                                <input type="text" class="username" id="enroll-bottom-username">
                            </div>
                            <div class="main-bottom-password">
                                <p class="enroll-label">密码</p>
                                <input type="password" class="password" id="enroll-bottom-password">
                            </div>
                            <div class="login-main-bottom-yanzheng">
                               <p class="yanzheng">
                                   <input type="text" class="useryanzheng">
                               </p> 
                               <button class="require-yanzheng">
                                   获取验证码
                               </button>
                            </div>
                            <div class="main-bottom-seletion">
                                <input type="checkbox" id="enroll-bottom-seletion">
                                <label for="enroll-bottom-seletion" class="enroll-seletion-label">
                                    已阅读并同意小米账号<a href="#">用户协议</a>和<a href="#">隐私政策</a>
                                </label>
                            </div>
                            <div class="mi-bottom-login">
                                <button id="login-bottom-login" class="login">
                                    注册
                                </button>
                            </div>
                            <div class="mi-bottom-help">
                                <p class="login-helps">收不到验证码</p>
                                
                            </div>
                        </div>
                        <div class="enroll-main-bottom-other">
                            <p class="main-bottom-other">其他方式登录</p>
                            <div class="main-bottom-otherstyle">
                                <div class="other-logo otherstyle-pay">
                                    <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wxa21de3acc0d5e79b&redirect_uri=https%3A%2F%2Fsns.account.xiaomi.com%2Fpass%2Fsns%2Flogin%2Fload&response_type=code&scope=snsapi_login&state=STATE_500587#wechat_redirect" class="other-logo-a">
                                       <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp3.itc.cn%2Fq_70%2Fimages03%2F20211125%2Fd384c98973b34b36af84cb4149e1dd2d.png&refer=http%3A%2F%2Fp3.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1641819801&t=b7c76222898dc5e1ee83e3bda73bc9c7" alt="">
                                    </a>
                                </div>
                                <div class="other-logo otherstyle-wechat">
                                    <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wxa21de3acc0d5e79b&redirect_uri=https%3A%2F%2Fsns.account.xiaomi.com%2Fpass%2Fsns%2Flogin%2Fload&response_type=code&scope=snsapi_login&state=STATE_500587#wechat_redirect" class="other-logo-a"></a>
                                </div>
                                <div class="other-logo otherstyle-tent">
                                    <a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&client_id=100284651&redirect_uri=https://account.xiaomi.com/pass/sns/login/load&state=STATE_135728" class="other-logo-a"></a>
                                </div>
                                <div class="other-logo otherstyle-weibo">
                                    <a href="https://api.weibo.com/oauth2/authorize?response_type=code&client_id=2996826273&redirect_uri=https://sns.account.xiaomi.com/pass/sns/login/load&state=STATE_641405###" class="other-logo-a">
                                        
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 版权 -->
            <div class="mi-content-copyright">
                小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
            </div>
        </div>
    </div>

    
    
    <script src="../js/jquery.js"></script>
    <script src="../js/login.js"></script>
    
</body>
</html>